<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DIOR</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav class="top-nav">
            <div class="nav-left">
                <button class="menu-btn">Menu</button>
                <button class="search-btn">Search</button>
            </div>
            <div class="logo">
                <a href="/">DIOR</a>
            </div>
            <div class="nav-right">
                <button class="call-btn">Call Us</button>
                <button class="wishlist-btn">Wishlist</button>
                <button class="account-btn">Account</button>
                <button class="cart-btn">Cart</button>
            </div>
        </nav>
    </header>

    <main>
        <div class="category-nav">
            <ul>
                <li><a href="index.html">All Brands</a></li>
                <li><a href="lv.html">Louis Vuitton</a></li>
                <li class="active"><a href="dior.html">Dior</a></li>
                <li><a href="chanel.html">Chanel</a></li>
                <li><a href="hermes.html">Hermès</a></li>
                <li><a href="gucci.html">Gucci</a></li>
            </ul>
        </div>

        <div class="products-grid">
            <a href="detail.html" class="product-card">
                <img src="https://www.dior.com/dw/image/v2/BGXS_PRD/on/demandware.static/-/Sites-master-catalog/default/dw5a4e1917/Y0995OSLP_M928_E01_ZHC.jpg" alt="Lady Dior">
                <h3>Lady Dior</h3>
                <p class="description">Medium Lady Dior bag</p>
                <p class="price">$5,900</p>
            </a>
            <!-- 添加更多 Dior 产品 -->
        </div>
    </main>

    <footer>
        <!-- 复用相同的footer -->
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 